<template>
	<view class="content">
		<view class="apply-header">
			<image src="../../static/img/apply_rule_bg.png" mode="widthFix"></image>
		</view>
		<view class="apply-content">
			<view class="apply-title">
				<image src="../../static/img/apply_rule_title.png" mode="widthFix"></image>
			</view>
			<view class="apply-rule">
				<view class="rule-list">
					<view class="rule-item">
						<view class="rule-title">
							<view class="eq">
								<text>1</text>
							</view>
							<view class="title">
								<text>什么是主持人？（主持人<text class="red">可提现</text>）</text>
							</view>
						</view>
						<view class="rule-desc">
							<text>随时随地通过视频房间帮助男女嘉宾牵红线，做一份传递幸福的工作，赚一份让人羡慕的收入；对于单身主持人，视频房间极高的曝光对于自己挑选优质的另一半也有绝对的优势！</text>
						</view>
					</view>
					<view class="rule-item">
						<view class="rule-title">
							<view class="eq">
								<text>2</text>
							</view>
							<view class="title">
								<text>主持人待遇？</text>
							</view>
						</view>
						<view class="rule-desc">
							<text>兼职主持人通过开播拿时长底薪和礼物分成，收益可以做到3千-1万，全职主持人目前可以做到1万-5万。</text>
						</view>
					</view>
					<view class="rule-item">
						<view class="rule-title">
							<view class="eq">
								<text>3</text>
							</view>
							<view class="title">
								<text>成为主持人有哪些要求？</text>
							</view>
						</view>
						<view class="rule-desc">
							<text>上传心理咨询师证，情感师证，其他平台开播截图，可申请主持人，邀请十个女嘉宾注册，可开播。</text>
						</view>
					</view>
				</view>
				<view class="tips">
					<text>申请即表示同意</text>
				</view>
			</view>
		</view>
		<view class="btn-wrap">
			<button type="primary" @click="apply">申请主持人</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				myInfo: {},
			}
		},
		onLoad() {
			try {
				const myInfo = uni.getStorageSync('myInfo');
				if (myInfo) {
					this.myInfo = myInfo;
				}
			} catch (e) {
				console.log(e);
			}
		},
		onReady() {
			
		},
		methods: {
			apply: function () {
				uni.navigateTo({
					url: '../my/apply'
				})
			},
		}
	}
</script>

<style lang="scss">
	@import '../../common/common.scss';
	page {
		background-color: #fc9bb2;
	}
	.apply-header {
		image {
			display: block;
			width: 100%;
		}
	}
	.apply-content {
		padding: 40rpx;
		margin: 40rpx 40rpx 0;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		.apply-title {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: -72rpx;
			image {
				display: block;
				width: 422rpx;
				height: 64rpx;
			}
		}
		.rule-list {
			padding-top: 20rpx;
		}
		.rule-item {
			& + .rule-item {
				margin-top: 40rpx;
			}
			.eq {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 50rpx;
				height: 50rpx;
				background-color: #fedd59;
				border-radius: 50rpx;
				text {
					font-size: 24rpx;
					color: #333;
				}
			}
			.title {
				font-size: 30rpx;
				color: #326bf8;
				margin-top: 10rpx;
				.red {
					color: #f00;
				}
			}
			.rule-desc {
				text {
					font-size: 24rpx;
					color: #ff7272;
				}
			}
		}
		.tips {
			font-size: 24rpx;
			color: #ED4574;
			margin-top: 40rpx;
		}
	}
	.btn-wrap {
		padding: 100rpx;
	}
</style>
